草庐IT

ios - SVG套件。 NSString 到 SVGKImage?

全部标签

javascript - 使用 safari 在 Canvas 中绘制包含 html 的 svg

我正在尝试为网站创建一些动态创建页面的缩略图,我找到了一个解决方案,方法是在svg中添加html,然后我在Canvas内的图像上绘制图像,然后在绘制图像后调整大小.此解决方案适用于firefox和chrome,但不适用于safari,svg似乎没有绘制我只是得到一个空白页面。即使我trycatch并且我在网上找不到解决方案,我也没有收到任何错误。我的html只是一个带有Canvas的基本测试页面,我试图在头部添加一个meta标签但是也没用。这是我写的代码:varcanvas=document.getElementById('canvasTest'),context=canvas.get

javascript - 计算 SVG 文本的垂直高度

我有一个字符串数组。说,['Jan11','Feb11']我正在用这些字符串创建一个垂直文本Jan11渲染svg后,我发现文本的高度为36px。现在有没有一种方法可以在给定字体大小的情况下计算预先呈现的文本的高度? 最佳答案 您可以使用getBBox方法来计算SVG节点的尺寸。vartextNode=document.getElementsByTagName('text'),bbox=textNode.getBBox();//bboxnowhavex,y,widthandheightproperties

javascript - 动态调整和拖动 SVG 多边形

我正在努力寻找一种方法来使用鼠标动态调整和拖动svg多边形的大小。不幸的是,jQueryUi不适用于svg元素。我还检查了Raphael库,但找不到任何关于如何实现这一点的文档/片段。除了使用SVG之外,还有其他方法可以动态调整和拖动多边形图形吗? 最佳答案 您可以自己使用SVG元素。特别是,您可以找到多边形的点并添加可使用jQuery拖动的HTML元素句柄。(我假设您遇到的问题是jQueryUI不适用于SVG定位模型。)这是我刚刚编写的完整示例(在Safari5和Firefox9中测试)。(免责声明:我不是jQuery的普通用户;

javascript - SVG 组拖动

我正在尝试在组内实现组和个人拖动。该组中有3个圆圈。蓝色和灰色圆圈必须单独拖动(通过onmousedown),橙色圆圈用于组移动(通过onclick)。问题是在拖动整个组之后,但你必须尝试http://www.atarado.com/stackOF/drag-with%20problems.svg并查看代码。如有任何帮助,我们将不胜感激。谢谢。 最佳答案 我想我已经解决了你的问题:https://codepen.io/petercollingridge/full/djBjKm/问题是单个拖动会改变圆的cx和cy属性,但组拖动会影响整

javascript - 给 svg :g element in D3. js 添加一个 title 属性

我正在使用D3.js构建一个在TreeMap中显示数据的应用程序。理想情况下,我想要的是为TreeMap提供一个工具提示,以在TreeMap的每个节点上显示更多信息。树形图从.JSON文件中获取数据。我目前正在使用jquery插件PoshyTip,我可以在其中通过title=属性传递此信息。我知道我需要以某种方式将title属性添加到TreeMap中的svg:g元素,但我不知道在哪里设置每个节点的titleattr。这是我的脚本的开头,我在其中进行所有声明等...vartree=d3.layout.tree().size([h,w-160]);vardiagonal=d3.svg.di

javascript - 如何使用 jquery 检测特定的 iOS 版本?

为了让map链接像以前一样打开map应用程序,我想根据用户使用的是iOS6还是其他(iOS4、5、Android等)呈现不同的链接。类似于:--如果在iOS6.0或更高版本上,显示http://maps.apple.com?q=“地址”,如果其他,显示http://maps.google.com?q=“地址”。注意:我知道您也可以直接调用map应用程序而不是通过网络链接(现在手边没有),但这不能解决问题,因为有人在Android或更小的iOS上将没有用处。 最佳答案 您可以使用navigator.userAgent字符串检测iOS版

javascript - svg 和 D3 中的 cx、cy vs 变换,有什么区别?

我正在研究forcedlayout并且无法弄清楚为什么尝试通过cx移动节点,cy不起作用。//Thisworksnode.attr("transform",function(d){return"translate("+d.x+","+d.//Thisdoesn'tnode.attr("cx",function(d){returnd.x;}).attr("cy",function(d){returnd.y;});节点实际上在svgg元素中,这可能是原因吗? 最佳答案 cx和cy属性仅适用于circle元素。对于g元素,使用transf

javascript - svg 中的不透明度与填充不透明度

opacity与SVG中的fill-opacity有什么区别?我引用了fill-opacity的文档和opacity但我很困惑fill-opacity:opacityofthecontentofthecurrentobject对比opacity:transparencyofanobject 最佳答案 区别正是名称所指示的:)。fill-opacity仅适用于元素的fill(或者换句话说,仅适用于其背景),stroke-opacity仅适用stroke而opacity适用于两者。opacity是一种后处理操作。也就是说,元素(或组)作

【IO异常】HTTP请求报错Error writing to server

报错信息如下:[2023-01-0413:36:02.185]-ERROR-[biz:aplus-task-oms1060189862335877121][sys:aplus-cms-tran1060189866052390912][com.phfund.aplus.cms.tran.module.counter.service.impl.OcrServiceImpl-102][调用远程服务发送文件异常:]cn.hutool.http.HttpException:Errorwritingtoserveratcn.hutool.http.HttpResponse.init(HttpRespons

【python】io.BytesIO简要介绍及示例

io.BytesIO简要介绍及示例io.BytesIO是Python内置的一个I/O类,用于在内存中读写二进制数据。它的作用类似于文件对象,但是数据并不是存储在磁盘上,而是存储在内存中的字节串。你可以像文件对象一样对其进行读写、查找和截断等操作。通常用来操作二进制数据,如图片、音频、视频等。也可以用于测试或者临时存储数据。代码举例:importio#写入二进制数据到BytesIO对象中data=b"Hello,World!"bio=io.BytesIO()bio.write(data)#从BytesIO对象中读取二进制数据bio.seek(0)read_data=bio.read()print